import { useNavigate } from "react-router-dom";
import styles from './index.module.scss';
import { PageLayout } from "../../components/PageLayout";
import '../../common.scss';
import { getPublicAssets } from "../../utils";
import { Tooltip } from "antd";
import { Navigator } from './components/navigator';

const agentImage = getPublicAssets('./五更琉璃-Q版.png'); 

export default function () {
    const navigator = useNavigate();
    return <PageLayout className={styles.container} bgOpacity={0.7}>
        <Tooltip placement='rightTop' title={<Navigator />} arrow>
            <img src={agentImage} alt="看板娘" className={styles.agent} />
        </Tooltip>
        <div className={styles.title}>黑猫的娱乐小屋！</div> 
    </PageLayout>;
}